A navigation bar consists of an image, or a set of images, whose display changes based on the actions of a user.
Before using the Insert Navigation Bar command, create a set of navigation bar images for the states of an image you want displayed.
An image can have four states:
![]() |
Up: the image that appears when the page initially loads. |
![]() |
Over: the image that appears when the pointer is rolled over an image. |
![]() |
Down: the image that appears when an image is clicked. |
![]() |
Down and Over: the image that appears when the pointer is rolled over the image after the image has been clicked. |
The following example demonstrates how different states of a button image might be displayed: when a user views the home page, the home page image button is darkened, and the other buttons of the navigation bar are in their normal or up state. On the home page, the user moves the pointer over the Our Story button; an image a lighter shade of the same color displays (that is, the button is highlighted), and the user clicks the Our Story button. On the Our Story page, the Our Story button is darkened, and the home page image button is in its normal state.
You can create a navigation bar, copy it to other pages in your site, and edit the page behaviors to show different states as pages are accessed.